<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/pagination.css">
    <link rel="stylesheet" href="../css/productSubmit.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/member.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
    <div class="tops">
        <div class="info">
            <div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
            <div class="divs">客服热线 17521209352</div>
        </div>
    </div>
    <!-- <div class="navigation">
        <div class="infos">
            <div class="lefts">
                <h1 class="logo">
                    <a href="../index.html">
                        <img src="../img/member/page-logo.png" alt="">
                        <span>歌必网</span>
                    </a>
                </h1>
                <div class="none">
                    <a href="../index.html">首页</a>
                </div>
                <div class="none">
                    <a href="../news.html">咨讯</a>
                </div>
                <div class="none">
                    <a href="../lnsights.html">洞见</a>
                </div>
                <div class="none">
                    <a href="../forums.html">讲堂</a>
                </div>
                <div class="none yes">
                    <a href="../aMarket.html">市集</a>
                </div>
                <div class="none">
                    <a href="../seryiceList.html">服务</a>
                </div>
                <div class="none">
                    <a href="../community.html">社区</a>
                </div>
            </div>
                    <div class="rihts">
                <img class="imgs" src="../img/all_sach.png" alt="" srcset="" />
                <div class="login_none">
                    <a class="btn" href="../login.html">注册/登录</a>
                </div>
                <div class="login_adready">
                    <a href="./member/uesrInfo.html">
                        <img src="../img/all_tou.png" alt="" class="login_aready">
                    </a>
                    <div class="login_info">
                        <div class="inner_info">
                            <div class="head_img_box">
                                <a href="./uesrInfo.html"><img src="../img/all_tou.png" alt="" class="head_img"></a>
                                <div class="himg_right">
                                    <p class="name_box">
                                        <span class="name">再吃亿口</span> <span class="user_tab">暂未开通</span>
                                    </p>
                                    <p class="phone">15100743385</p>
                                </div>
                            </div>
                            <ul class="menus vips">
                                <li class="items">
                                    <a href="#" class="vip_btn"><i class="iconfont icon-huiyuan"></i>vip中心</a>
                                </li>
                            </ul>
                            <ul class="menus">
                                <li class="items">
                                    <a href="./myOrder.html"><i class="iconfont icon-shangpindingdan"></i>商品订单</a>
                                </li>
                                <li class="items">
                                    <a href="./myCourse.html"><i class="iconfont icon-wodekecheng"></i>我的课程</a>
                                </li>
                                <li class="items">
                                    <a href="./taskOrder.html"><i class="iconfont icon-dingdanrenwu"></i>任务订单</a>
                                </li>
                                <li class="items">
                                    <a href="./friendVerification.html"><i class="iconfont icon-tianjiahaoyou"></i>好友验证</a>
                                </li>
                            </ul>
                            <ul class="menus other">
                                <li class="items">
                                    <a href="./uesrInfo.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
                                </li>
                                <li class="items">
                                    <a href="#" class="login_out"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <i class="iconfont icon-gengduo more"></i>
            </div>
        </div>
    </div> -->
    <div class="container">
            <div class="plan">
                <div class="item">
                    <span class="step">1</span>
                    <p>拍下商品</p>
                </div>
                <div class="line"></div>
                <div class="item">
                    <span class="step act">2</span>
                    <p>支付</p>
                </div>
            </div>
            <div class="address_title">
                <h3>选择收货地址</h3>
                <a href="./uesrInfo.html">管理收货地址</a>
            </div>
            <div class="address_box">
                <div class="item item_act">
                    <div class="item_pc">
                        <div class="left">
                            <img src="../img/member/address_have_icon.png" alt=""  class="addre_icon">
                            <span class="main_color">寄送至</span>
                            <i class="radio_icon radio_have"></i>
                            <span class="desc">北京市 昌平区 霍营街道 龙锦苑东二区14号楼2单元602</span>
                            <span class="name">（周方方 收）</span>
                            <span class="phone">18596385211</span>
                            <span class="tab">默认地址</span>
                        </div>
                        <span class="edit">修改地址</span>
                    </div>
                    <div class="item_mobile">
                        <div  class="m_head">
                            <div class="mh_left">
                                <p><span class="name">周方方</span><span class="phone">18596385211</span> </p>
                                <p><span class="desc">北京市 昌平区 霍营街道 龙锦苑东二区14号楼2单元602</span></p>
                            </div>
                            <i class="edit">修改</i>
                        </div>
                        <div class="m_bottom">
                             <i class="radio_icon radio_have"></i> 默认收货地址
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item_pc">
                        <div class="left">
                            <img src="../img/member/address_have_icon.png" alt=""  class="addre_icon">
                            <span class="main_color">寄送至</span>
                            <i class="radio_icon"></i>
                            <span class="desc">北京市 昌平区 霍营街道 龙锦苑东二区14号楼2单元602</span>
                            <span class="name">（周方方 收）</span>
                            <span class="phone">18596385211</span>
                            <span class="tab">默认地址</span>
                        </div>
                        <span class="edit">修改地址</span>
                    </div>
                    <div class="item_mobile">
                        <div  class="m_head">
                            <div class="mh_left">
                                <p><span class="name">周方方</span><span class="phone">18596385211</span> </p>
                                <p><span class="desc">北京市 昌平区 霍营街道 龙锦苑东二区14号楼2单元602</span></p>
                            </div>
                            <i class="edit">修改</i>
                        </div>
                        <div class="m_bottom">
                            <i class="radio_icon"></i> 默认收货地址
                        </div>
                    </div>
                </div>
            </div>
            <div class="address_more"><span>展示全部地址</span>  <i class="iconfont icon-xiajiantou"></i></div>
            <div class="address_title order_title">
                确认订单信息
            </div>
            <div class="table_box">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="th1">店铺宝贝</th>
                            <th class="th2">商品属性</th>
                            <th class="th2">数量</th>
                            <th class="th2">小计</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="product_box">
                                <div class="product">
                                    <img src="../img/hshop.png" alt="">
                                    <div class="info">
                                        <p class="name">意式皇家Hello小白咖啡机小型家用全半自动意式美式浓缩</p>
                                        <p class="price">￥16.61</p>
                                    </div>    
                                </div>
                            </td>
                            <td class="suk">1kg 轻度烘焙*2</td>
                            <td class="item_num">
                                x1
                            </td>
                            <td class="price">16.61</td>
                        </tr>
                        
                    </tbody>
                </table> 
            </div>
            <div class="info_box">
                <div class="product_info">
                    <div class="product_box">
                        <div class="product">
                            <img src="../img/hshop.png" alt="">
                            <div class="info">
                                <p class="name">意式皇家Hello小白咖啡机小型家用全半自动意式美式浓缩</p>
                                <p class="suk">1kg 轻度烘焙*2</p>
                                <p class="bot"><span class="price">￥16.61</span> <span class="num">x1</span></p>
                            </div>    
                        </div>
                    </div>
                    <div class="product_box">
                        <div class="product">
                            <img src="../img/hshop.png" alt="">
                            <div class="info">
                                <p class="name">意式皇家Hello小白咖啡机小型家用全半自动意式美式浓缩</p>
                                <p class="suk">1kg 轻度烘焙*2</p>
                                <p class="bot"><span class="price">￥16.61</span> <span class="num">x1</span></p>
                            </div>    
                        </div>
                    </div>
                </div>
                <div class="desc_info">
                    <p><label for="">运费</label><span class="poster">&yen;0.00</span></p>
                    <p><label for="">商品总价</label><span class="price">&yen;16.61</span></p>
                </div>
            </div>
            <div class="other">
                <div class="message">
                    <span class="tit">给卖家留言：</span>
                    <div class="textarea_box">
                        <textarea name="" id="" placeholder="选填，付款后商家可见。"></textarea>
                        <div class="tab"><span class="input_num">0</span>/80</div>
                    </div>
                </div>
                <div class="express">运送方式：普通配送 快递 免邮</div>
                <div class="total_money">0.00</div>
            </div>
            <div class="total">
                店铺合计(含运费) <span class="total_money">&yen;16.61</span>
            </div>
            <div class="pay_bottom">
                <div class="context">
                    <p><label for="">实付款:</label>  <span class="price">¥49.83</span> </p>
                    <p> <label for="">寄送至:</label>北京市 昌平区 霍营街道 龙锦苑东二区14号楼2单元602</p>
                    <p> <label for="">收货人：</label>周方方 18596385211</p>
                </div>
                <div class="submit_btn">
                  <a href="./myOrder.html">提交订单</a>   
                </div>
            </div>
    </div>
    <div class="btons">
        <div class="app">
            <div class="tiitle">平台标语</div>
            <div class="jg"></div>
            <div class="ps">
                <div class="item">
                    <img class="imgs" src="../img/all-xs.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">学习</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-j.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">交流</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-x.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">协作</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-c.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">创新</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottoms_all">
        <div class="bottoms">
            <div class="info">
                <div class="items">
                    <div class="title">
                        ABOUT
                    </div>
                    <div class="title">
                        关于我们
                    </div>
                    <div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
                    <div class="ewm">
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                    </div>
                </div>
                <div class="items">
                    <div class="title">CONTACT</div>
                    <div class="title">联系我们</div>
                    <div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
                    <div class="jsx1">电话:(010)12345678</div>
                    <div class="jsx1">Email: contact@example.net</div>
                    <div class="jsx1">Web:www.innocorp.cn</div>
                </div>

                <div class="items">
                    <div class="title">LINKS</div>
                    <div class="title">友情链接</div>
                    <div class="jsx">合作伙伴一</div>
                    <div class="jsx1">合作伙伴二</div>
                    <div class="jsx1">合作伙伴三</div>
                    <div class="jsx1">合作伙伴四</div>
                    <div class="jsx1">合作伙伴五</div>
                </div>
                <div class="items">
                    <div class="title">MECHANISM</div>
                    <div class="title">合作机构</div>
                    <div class="imgs">
                        <img src="../img/logo2.png" alt="" srcset="" />
                    </div>
                    <div class="imgs">
                        <img src="../img/logo1.png" alt="" srcset="" />
                    </div>
                </div>
            </div>
            <div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
            <div class="bqs">数据资产管理入表</div>
        </div>
    </div>
    <div class="dialog address_dialog">
        <div class="mask"></div>
        <div class="inner">
            <h4>添加收货地址</h4>
            <ul class="input-box">
                <li>
                    <label for="">信息地址</label>
                    <!-- <input type="text" class="right" placeholder="请选择省/市/区/街道" value="北京市北京市东城区"> -->
                    <div class="select_box">
                        <p class="select_context">
                            <span>请选择</span>
                            <i class="iconfont icon-xiajiantou"></i>
                        </p>
                        <div class="select_dialog">
                            <ul class="tab_list">
                                <li class="tab_act">请选择</li>
                                <li class="other_tab">请选择</li>
                                <li class="other_tab">请选择</li>
                            </ul>
                            <ul class="select_list">
                                <li>北京市</li>
                                <li>四川省</li>
                                <li>云南省</li>
                                <li>贵州省</li>
                                <li>海南省</li>
                                <li>甘肃省</li>
                                <li>浙江省</li>
                                <li>山西省</li>
                                <li>河北省</li>
                            </ul>
                        </div>
                       
                    </div>
                </li>
                <li>
                    <label for="">详细地址</label>
                    <textarea name="" id="" placeholder="请输入详细地址信息，如街道、门牌号、小区、楼栋号、单元等信息" ></textarea>
                </li>
                <li>
                    <label for="">收货人姓名</label>
                    <input type="text" class="right" placeholder="请选择收货人姓名" value="张三">
                </li>
                <li>
                    <label for="">手机号码</label>
                    <input type="text" class="right" placeholder="请输入电话号码、手机号码" value="1333333333" maxlength="11">
                </li>
                <li>
                    <label for=""></label>
                    <div class="text address_set">
                        <i class="check-icon"></i>
                        设置为收货地址
                    </div>
                </li>
            </ul>
            <div class="btns">
                <span class="sure">提交</span>
                <span class="cancel">取消</span>
            </div>
        </div>
    </div>
</body>
<script src="../js/productSubmit.js"></script>
</html>